<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <meta name="keywords" content="">
        <meta name="description" content="">
		<title>党建后台管理</title>
		<link rel="stylesheet" type="text/css" href="${path}/site/css/bootstrap.css">
  		<link rel="stylesheet" type="text/css" href="${path}/site/css/common.css">
		<link rel="stylesheet" type="text/css" href="${path}/site/css/index.css"/>
		
		<style type="text/css">
			.two-menu{position: absolute !important;background-color: white !important;z-index: 1000;}
			.two-menu li a{text-align: left !important;color: #347ab9;margin-left: 0;text-decoration: none;}
			.two-menu li{display: block !important;}
		</style>
		
	</head>

<body>
	
	<!--nav开始-->
	    <jsp:include page="header.jsp"></jsp:include>
	<!--nav结束-->

	<div class="lubo"><!----轮播---->
  		<ul class="lubo_box">
  			<c:forEach items="${slist}" var="sobj" varStatus="i">
	            	 <li <c:if test="${i.index == 0}">style=" opacity: 1;filter:alpha(opacity=100);"</c:if>>
	            	 	<a target="_blank"  href="${sobj.link}" style="background:url(${sobj.url}) center top no-repeat" title="${sobj.description}"></a>
	            	  </li>
	         </c:forEach>
  		</ul>
	</div>
	<div class="body cf"><!----内容---->
		<content class="Content cf">

		  <div class="course cf"><!----热门专业---->

		     <ul class="album-ul cf">
				<h5 class="course-title">
		      		<i></i><span>热门专业</span>
		      	</h5>
	              <c:forEach items="${hotSeries}" var="series">
		              <li>
		                  <div class="div1">
		                    <div class="div2">
		                      <a target="_blank" href="${sftz_path }/web/serirsecoursedetail/list.html?id=${series.id }&path=/web/index.html">
		                        <img src="${series.cover }">
		                      </a>
		                    </div>
		                  </div>
		                <a class="albumName" href="javascript:;">${series.name }</a>
		              </li>
	              </c:forEach>

	              <div class="Button cf"><!----No.two---->
					<div><a target="_blank" href="http://online.sktcm.cn/web/educationSign/educationRegister">
					<img src="${path}/site/image/pic_zsbm.png">
					</a></div>
					<div><a target="_blank" href="http://39.106.0.2:8082/web/1516602821434002/1516602821434005.html?cnodeid=1516602821434001">
					<img src="${path}/site/image/pic_bkzn.png">
					</a></div>
					<div><a target="_blank" href="http://online.sktcm.cn/web/institutionhomepage/list?id=31">
					<img src="${path}/site/image/pic_xxpt.png">
					</a></div>
	        	  </div>
	            </ul>
	        
	      </div><!----end 热门专业---->


			<div class="content-One cf"><!----推荐课程---->

			 <div class="module-top cf">
	            <h3>
	            <img src="${path}/site/image/icon_tjkc.png">精品课程123</h3>
	          <!--  <a href="javascript:;"><span>更多</span><img src="image/icon_gengduo.png"></a>-->
	         </div>

	          <ul class="module-bottom cf">
	            <c:forEach items="${hotCourse}" var="course">
	             <li class="li">
	              <a target="_blank" href="${sftz_path }/web/coursedetail/courseDetailJsp?id=${course.id }" class="img-title">
	                <img src="${course.picture }"><span>${course.courseName }</span>
	              </a>
	              <a href="javascript:;" class="text">
	              	${course.courseTitle }
	              </a>
	              <div class="jg-number cf"><span>￥${course.actualPrice }</span><label><i></i>${course.studyCount }次学习</label></div>
	            </li>
	            </c:forEach>
	          </ul>
	        
		       
			</div><!----end 推荐课程---->


			<div class="content-Two cf"><!----资讯动态---->
			  <div class="module-top cf">
	            <h3>
	            <img src="${path}/site/image/icon_tjkc.png">资讯动态</h3>
	            <a href="${pageContext.request.contextPath}/web/${NomeTnode.id}.html"><span>更多</span><img src="${path}/site/image/icon_gengduo.png"></a>
	          </div>
				<ul>
           	  	   <c:forEach items="${NomeTnode.arlist}" var="article" varStatus="status" >
           	  	     <c:if test="${status.index<6 }">
					   <div class="one">
						<li class="left">
							<h1>${article.day }</h1>
							<p class="p3">${article.moth}</p>
						</li>
						<li class="right">
						  <a style="text-decoration:none;" href="${pageContext.request.contextPath}/web/${article.nodeId}/${article.articleId }.html">
										<h1>${fn:substring(article.title, 0, 18)}</h1></a>
										<p class="p1">
											<c:if test="${fn:length(article.content)>50 }">${fn:substring(article.content, 0, 50)}...</c:if>
									    	<c:if test="${fn:length(article.content)<50 }">${fn:substring(article.content, 0, 50)}</c:if> 
										</p>
								    
						</li>
					  </div>
					</c:if>
				  </c:forEach>
				</ul>
			</div><!----end 资讯动态---->


		
		</content>
	</div><!----end 内容---->

	<div class="dibi1"><!------底部------>
		<ul>
			<li class="li3">
				<h1>版权所有：北京开放大学&nbsp;&nbsp;&nbsp;&nbsp;京ICP备05007185号&nbsp;&nbsp;&nbsp;&nbsp;©Tatfook</h1>
				<span>地址：北京海淀区皂君庙甲4号</span>
				<span>邮编：100081</span>
				<span>电话：010-82192086</span>
				<span>传真：010-82192114</span>
				<span>邮箱：xb@mail.btvu.org</span>
			  </li>
			    <li class="box">
					<img src="${path}/site/image/line1.png">
				</li>
				<li class="box2">
					<img src="${path}/site/image/logo2.png">
				</li>
		</ul>
	</div><!-- end 底部 -->


  <!-- javascritp flie -->
   <script type="text/javascript" src="${path}/site/js/jquery-1.10.2.min.js"></script>
   <script type="text/javascript" src="${path}/site/js/bootstrap/bootstrap.min.js"></script>
   <script type="text/javascript" src="${path}/site/js/vue/vue.js"></script>
   <script type="text/javascript" src="${path}/site/js/common.js"></script><!-- 公共的js文件 -->
   <script type="text/javascript" src="${path}/site/js/hotRecommend.js"></script>
   <script type="text/javascript" src="${path}/site/js/index.js"></script>
   <script type="text/javascript">
		$(function(){
			$(".jp-course a").mouseover(function(){
				$(this).next("ul").attr("style","display: block;");
			});
			
			$(".jp-course a").mouseout(function(){
				$(this).next("ul").attr("style","display: none;");
			}); 
			
			$(".jp-course ul").mouseover(function(){
				$(this).attr("style","display: block;");
			});
			
			$(".jp-course ul").mouseout(function(){
				$(this).attr("style","display: none;");
			});

			$(".lubo").lubo({ });//轮播
		});
	</script>
	<script type="text/javascript" src="${path}/site/js/lubotu.js"></script>
</body>
</html>
